@import "_common_frame.less";
//设置配色方案
.dominantText(){//文字主色调,对话框、弹窗顶条、首页导航、菜单、按钮
  color:#fff;
  a{
    color:#fff;
  }
}
.dominantBg(){//背景主色调,对话框、弹窗顶条、菜单、按钮

  background-color:#38a3fa;
}

//内页顶条通条
.header{
  //     background: #72bdff;
  background: url("../img/topMenu_bg.jpg") no-repeat;
  background-size: cover;
  color: #fff;
  a{


    i{
      border-color: #fff;
    }

  }
}
nav{
  ul{
    .dominantBg();
    .dominantText();
  }
}

.site_bottom {
  padding-top: .44rem;
  width: 100%;

  .div_buttons {
    display: none;
  }
}

//首页顶条
.topbar{
  background: #0f64aa;
  .logo{
    background: url(../img/logo.png) center center no-repeat;
    background-size: cover;
  }
  a{
    display: none;
    background: #c1efff;
    color: #178ae7;
    border-color:#fff;

  }
  .game_name{
    h2{
      color: #fff;
    }
    p{
      color: #fff;
    }
  }
  &.download_bar{//内页下载条
    background: #e6e6e8;
    h1{
      color: #fff;
    }

    a{
      background: #1583e4;
      color: #fff;
    }
  }

}
.i_arrow{//指针图片，默认向右
  i{ border-color: #b5b5b5;}
}
.list_view{//列表样式
  padding: 0 .4rem;
  box-sizing: border-box;
  li {
    &:nth-child(2n+1){
      background: #fff;
    }
    &:nth-child(2n+2){
      background: #fff;
    }
    em{
      color:#999999
    }
  }
}
.site_bottom{//通用底部样式
  background: #424a55;
  border-bottom-color: #000;
  p,a,h3{
    color: #ebeff4;
  }
  .button{
    color: #424a55;
    background-color: #ffc324;
    display: none;
  }

  ul{
    li{
      border-color: #87939c;
    }
  }
  .NIE-copyRight_m{
    background: #202b35;
  }
}

.btn_getmore{//获取更多按钮样式
  background: #ddd;
}
.i_menu{//菜单样式
  em{
    background: #fff;
    b{
      background: #fff;
    }
  }
}
.btn_menu{
  &.active{
    background: #474b54;
  }
}
#NIE-share-m .NIE-mshare-dark {//覆盖分享条默认样式
  background: transparent;
}
#NIE-share-m .NIE-mshare-dark .NIE-share-bar a{
  .dominantBg();
  border-width:0;
}
#md_attention .attention i{
  .dominantBg();
  .dominantText()
}
.refer_insetapp{//微信中分享提示框样式

  p{
    color: #fff;
  }
}
.alert_text{
  background: #fff;
  border:0.1rem solid #aaa;
  color: #007AFF;
  p{
    color: #333;
  }
  .btn_close{
    em,i{ background: #007AFF;}
  }
}
.popWin{
  section{

    background: #fefefe;
    .popWin_header{
      .dominantBg();
      .dominantText();

    }
    .popWin_content{
      h1{
        color: #22a0f0;
      }
      h2{
        color: #333;
      }
      p{
        color: #757575;
      }
    }
  }

}
.form_bar{
  input{
    border-color:#ddd ;
  }
  a{
    .dominantBg();
    .dominantText();
  }
}
.btn_common{
  .dominantBg();
  .dominantText();

}
.btn_black{
  background: #000000;
  color: #fff;
}
.btn_blue{
  .dominantBg();
  .dominantText();
}
.form{
  dl{

    border-color:#bababa;

    dt{

      border-color:#ddd;
      color:#bababa;

    }
  }
}
.btn_toTop{
  border:1px solid #424a55;
  background: transparent;
  i{

    border-color: #424a55;

  }
}

.index-nav{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 22;
  text-align: center;
  display: none;
  .transition(background ease-in 0.2s);
  a{
    display: block;
    color: #fff;
    height: 1rem;
    line-height: 1rem;
    border-bottom: 1px solid rgba(255,255,255,.3);
    font-size: .32rem;
    &:nth-of-type(1){
      margin-top: 1.2rem;
    }
  }
  .index-nav-inner{
    .transform(translateY(-100%));
    .transition(transform ease-in 0.2s);
  }
  &.show{
    background: rgba(0, 0, 0, 0.7);
    .index-nav-inner{
      .transform(translateY(0));
    }
  }
}